<template>
	<view>
		<view class="order-list">
			<view class="kuang address-container" @tap="goaddress()">
				<image src="../../static/images/order-dizhi.png" class="border-left"></image>
				<view  class="username">{{address.name}}<text>{{address.phone}}</text></view>
				<view class="useraddress">{{address.address}}</view>
				<image src="../../static/images/to.png" style="position: absolute;top: calc(50% - 25rpx);width: 40rpx;height: 35rpx;right: 10rpx;"></image>
			</view>
			<view class="kuang">
				<view class="uni-row good-item border-bottom" v-for="(item,index) in goods" :key="index">
					<view class="order-icon">
						<image :src="item.img"></image>
					</view>
					<view class="order-info">
						<view class="good-name">
							{{item.name}}
						</view>
						<view class="price">
							<text style="font-size: 18rpx;">
								￥
							</text>
							<text v-if="role=='p'&&islimit==1">
								{{item.user_price}}
							</text>
							<text v-if="role=='s'&&islimit==1">
								{{item.merchant_price}}
							</text>
							<text v-if="islimit==2">
								{{killprice}}
							</text>
							<text style="float: right;">
								×{{item.count}}
							</text>
						</view>
					</view>
				</view>
				<!-- <view class="uni-row good-item border-bottom">
					<view class="order-icon">
						<image src="../../static/images/fenlei2.png"></image>
					</view>
					<view class="order-info">
						<view class="good-name">
							保拉纳/柏龙小麦啤酒 500ml*24听保拉纳/柏龙小麦啤酒 500ml*24听保拉纳/柏龙小麦啤酒 500ml*24听保拉纳/柏龙小麦啤酒 500ml*24听
						</view>
						<view class="price">
							<text style="font-size: 18rpx;">
								￥
							</text>
							<text>
								159.00
							</text>
							<text style="float: right;">
								×1
							</text>
						</view>
					</view>
				</view> -->
				<view class="heji-price border-bottom" style="position: relative;">
					<text class="order-left">付款方式</text>
					<text style="margin-right: 20rpx;" @tap="gochoose_fukuan()">
						{{select_pay.name}}
					</text>
				    <image src="../../static/images/heijiao.png" style="position: absolute;width: 12rpx;height: 12rpx;bottom: 17px;right: 0px;"></image>
				</view>	
				<!-- <view class="heji-price border-bottom" style="position: relative;" v-if="issandian">
					<text class="order-left">是否紧急配送</text>
					<text style="margin-right: 20rpx;" >
						<switch :checked="isjinji==1" color="#38D180" @change="changejinji()" style="transform:scale(0.7)"></switch>
					</text>
				    <image src="../../static/images/heijiao.png" style="position: absolute;width: 12rpx;height: 12rpx;bottom: 17px;right: 0px;"></image>
				
				</view> -->
			<!-- 	<view class=" border-bottom"  style="overflow: hidden;padding: 10rpx 0px;">
					<text class="order-left" style="width: 120rpx;display: block;float: left;">注</text>
					<text class="zhu">
						每日15：00pm对24小时内的订单进行统一配送。15：00后紧急配送订单，当日送达的需增加配送费{{free.extra}}元/次
					</text>
				</view> -->
				<view class="send-type border-bottom">
					<view>
						配送方式
					</view>
					<view v-for="(item,index) in send_types" :key="index" @tap="changesend" :data-index="index" v-if="role=='p'">
						<img :src="item.img"> {{item.name}}
					</view>
					<view v-for="(item,index) in send_types1" :key="index" @tap="changesend1" :data-index="index" v-if="role=='s'">
						<img :src="item.img"> {{item.name}}
					</view>
				</view>
				<view>
					<textarea placeholder="备注" v-model="beizhu" maxlength="100"placeholder-style="font-size:28rpx;color:#999999"  class="beizhu" v-if="showbeizhu"></textarea>
				</view>
				<view class="heji-price border-bottom">
					<text class="order-left">配送费</text>
				   ￥{{free.fee}}
				</view>
				<view class="heji-price border-bottom" style="position: relative;" v-if="role=='p'">
					<text class="order-left">优惠券</text>
					<text style="color: #38D180;margin-right: 20rpx;" @tap="gochoose_juan()" v-if="select_quan.id==null||select_quan.id==''"> 选择优惠券</text>
					<text style="color: #38D180;margin-right: 20rpx;" @tap="gochoose_juan()" v-if="select_quan.id!=null&&select_quan.id!=''" >{{select_quan.coupons_name}}</text>
                    <image src="../../static/images/heijiao.png" style="position: absolute;width: 12rpx;height: 12rpx;bottom: 17px;right: 0px;"></image>
				</view>
				<view class="heji-price border-bottom">
					<text class="order-left">预计到达时间</text>
					<text v-if="role=='p'">{{select_send.miaoshu}}</text>
					<text v-if="role=='s'">{{select_send1.miaoshu}}</text>
				</view>
				<view class="heji-price">
				   合计
					<text style="color: #38D180;">￥{{sum_price}}</text>
				</view>
				<!-- <view class="btn-list">
					<button>联系客服</button>
					
				</view> -->
			</view>
           

		</view>
		<view class="bottom">
			<view style="position: relative;" class="bottom-view">
				<!-- <view class="select select-active">
					<view>
						
					</view>
				</view> -->
				<view class="jiesuan-container ">
					<view class="jiesuan" @tap="pay_show_action()">提交订单</view>
					<view class="heji">合计：<text style="color: #38D180;">￥{{sum_price}}</text></view>
				</view>
			</view>
		</view>
		<view style="height: 87rpx;"></view>
		<!-- 选择付款方式 -->
		<view v-show="choose_fukuan">
			<view class="mark"></view>
			<view class="phone-kuang">
				<view class="bang-title">选择付款方式</view>
				<view class="uni-row border-bottom bang-item" v-for="(item,index) in pay_types":key="index" @tap="xuanzetype" :data-id="item.id">
					<image :src="item.img"></image>
					<text>{{item.name}}</text>
				</view>
				<button class="bang-btn" @tap="closebangding()">确定</button>
			</view>
			<image class="closebangding" src="../../static/images/fan-close.png" @tap="closebangding()"></image>
		</view>
		<view v-show="choose_juan" >
			<view class="mark"></view>
			<view class="phone-kuang">
				<view class="bang-title">选择优惠券</view>
				<view class="uni-row border-bottom bang-item" v-for="(item,index) in quanlist" :key="index" @tap="xuanzejuan" :data-id="item.id">
					<image :src="item.img" style="margin-right: 10rpx;"></image>
					<text style="display: inline-block;width:250rpx ;overflow: hidden;text-overflow: ellipsis;">{{item.coupons_name}}</text>
					<text style="display: inline-block;width:200rpx ;overflow: hidden;text-overflow: ellipsis;">满{{item.full_money}}使用</text>
					<text style="position: absolute;right: 32rpx;">￥{{item.minus_money}}</text>
				</view>
				<button class="bang-btn" @tap="closejuan()">确定</button>
			</view>
			<image class="closebangding" src="../../static/images/fan-close.png" @tap="closejuan()"></image>
		</view>
		<!-- 付款框 -->
		<view v-show="pay_show">
			<view class="mark"></view>
			<view class="pay-container">
				<view class="pay-title border-bottom">
					在线付款
					<image src="../../static/images/pay-close.png" @tap="close_pay"></image>
				</view>
				<view class="pay-price">
					{{sum_price}}元
				</view>
				<view class="pay-type">
					<image src="../../static/images/pay-wx.png"></image>
					微信支付
				</view>
				<button class="pay-btn" @tap="madeorder()" >
					确认支付
				</button>
			</view>
			
		</view>
	</view>
</template>

<script>
	import httpPath from '@/static/js/path.js';
	import { getlogin } from '@/static/js/login.js';
	import { isshangjia } from '@/static/js/login.js';
	export default {
		data() {
			return {
				tab_index:0,
				choose_fukuan:false,
				choose_juan:false,
				pay_show:false,
				role: 'p',
				wxinfo_id: '',
				select_quan:{},
				select_pay:{id: '1', name: '立即付款', checked: 1, img: '../../static/images/xuanzhong.png'},
				select_send:{id: '1', name: '及时达', checked: 1, img: '../../static/images/xuanzhong.png',miaoshu:"30分钟送达"},
				goods:[],
				pay_types: [
					{ id: '1', name: '立即付款', checked: 0, img: '../../static/images/weixuanzhong.png' },
					{ id: '2', name: '货到付款', checked: 0, img: '../../static/images/weixuanzhong.png' }
				],
				send_types: [
					{ id: '1', name: '及时达', checked: 1, img: '../../static/images/xuanzhong.png',miaoshu:"30分钟送达" },
					{ id: '2', name: '次日达', checked: 0, img: '../../static/images/weixuanzhong.png',miaoshu:"24小时内送达"}
				],send_types1: [
					{ id: '1', name: '当日达', checked: 1, img: '../../static/images/xuanzhong.png',miaoshu:"12小时内送达" },
					{ id: '2', name: '次日达', checked: 0, img: '../../static/images/weixuanzhong.png',miaoshu:"24小时内送达"}
				],
				goodstotal:0,//总商品价格
				quanlist:[],
				goodsid_list:[],
				sum_price:0,//总价格
				free:{},
				address:null,
				isquan:0,//是否有优惠券
				// isjinji:0,
				order_id:"",
				iszhuanqu:false,
				islimit:1,
				killprice:0,
				sole:"",
				issandian:false,
				istijiao:false,
				quan_index:0,
				beizhu:"",
				showbeizhu:true,
				quota:0,
				select_send1:{ id: '1', name: '当日达', checked: 1, img: '../../static/images/xuanzhong.png',miaoshu:"12小时内送达" }
			}
		},
		onShow() {
			this.role = isshangjia();
			this.wxinfo_id = this.userinfo.wxinfo_id;
			this.getquan();
			this.gettotal();
			this.getaddress();
		},
		onLoad(option) {
			this.userinfo = getlogin();
			this.role = isshangjia();
			this.wxinfo_id = this.userinfo.wxinfo_id;
			if(option.goods){
				this.goods=JSON.parse(option.goods)
			}
			this.getquan();
			// this.getaddress();
			if(option.islimit){
				if(option.islimit==1){
					this.islimit=2;
					
				}else{
					this.islimit=1;
				}
				
				if(option.killprice){
					this.killprice=option.killprice;
				}
			}
			this.getissandian()
		
		},
		
		methods: {
			/**
			 * 改变配送方式
			 */
			changesend1(e){
				let index= e.currentTarget.dataset.index;
				for(let i=0;i<this.send_types1.length;i++){
					if(i===index){
						this.send_types1[i].img="../../static/images/xuanzhong.png"
						this.send_types1[i].checked=1;
						this.select_send1=this.send_types1[i];
					}else{
						this.send_types1[i].checked=0;
						this.send_types1[i].img="../../static/images/weixuanzhong.png"
					}
				}
			},/**
			 * 改变配送方式
			 */
			changesend(e){
				let index= e.currentTarget.dataset.index;
				for(let i=0;i<this.send_types.length;i++){
					if(i===index){
						this.send_types[i].img="../../static/images/xuanzhong.png"
						this.send_types[i].checked=1;
						this.select_send=this.send_types[i];
					}else{
						this.send_types[i].checked=0;
						this.send_types[i].img="../../static/images/weixuanzhong.png"
					}
				}
			},
			/**
			 * 判断是否是三点以后
			 */
			getissandian(){
				let data = new Date();
				let hour =data.getHours();
				if(hour>=15){
					this.issandian=true;
				}
			},
			/**
			 * 紧急开关的变化
			 */
			// changejinji(){
			// 	if(this.isjinji==0){
			// 		this.isjinji=1;
			// 	}else{
			// 		this.isjinji=0;
			// 	}
			// 	this.gettotal()
			// },
			order_action(){
				let delivery_way='1';
				if(this.role=='s'){
					delivery_way =this.select_send1.id;
					
					for(let i=0;i<this.goods.length;i++){
						if(this.goods[i].type==1){
							this.iszhuanqu=true;
						}
					}
					if(this.iszhuanqu&&this.issandian==true){
						uni.showModal({
							showCancel:false,
							content:"在15点前下单当日送达，15点后下单次日送达。"
						})
					}	
				}else{
					delivery_way =this.select_send.id;
				}
				let user_coupons_id= 0;
				let coupons_price=0;
				//判断有没有优惠券
				
				if(!this.select_quan.id){
					this.isquan=0;
					user_coupons_id= 0;
					coupons_price=0;
				}else{
					this.isquan=1;
					user_coupons_id= this.select_quan.id;
					coupons_price=this.select_quan.minus_money;
				}
				let kill_id=""
				if(this.islimit==2){
					kill_id=this.goods[0].spu_id;
				}
				let str=JSON.stringify(this.goods)
				let data={
					cartList:str,
					is_coupons:this.isquan,
					user_coupons_id:user_coupons_id,
					coupons_price:coupons_price,
					pay_way:this.select_pay.id,
					totals:this.sum_price,
					spu_totals:this.goodstotal,
					delivery_way:delivery_way,
					linkman:this.address.name,
					phone:this.address.phone,
					address:this.address.address,
					city_id:this.address.city_id,
					province_id:this.address.province_id,
					wxinfo_id:this.wxinfo_id,
					fee:this.free.fee,
					extra:this.free.extra,
					order_type:this.islimit,
					price_spike:this.killprice,
					sole:this.sole,
					kill_id:kill_id,
					remark:this.beizhu,
					identity:this.role
				};
				uni.request({
					url: httpPath.filePath+'/index/orderlist/publish',
					method:'POST',
					header:{'content-type':'application/x-www-form-urlencoded'},
					data: data,
					success: (res) => {
						if(res.data.code==200){
							this.istijiao=true;
							if(this.select_pay.id==2){
								uni.showModal({
									showCancel:false,
									content:"下单成功",
									success: function(res) {  
										if (res.confirm) {  
											uni.navigateTo({
												url:"order"
											})
										} 
									}  
								})
							}else{
								
								this.order_id = res.data.data.order_number
								uni.request({
									// url: httpPath.filePath+'/index/orderlist/pay',
									url: httpPath.filePath+'/wxPay.php/pay',
									method:'POST',
									header:{'content-type':'application/x-www-form-urlencoded'},
									data: {wxinfo_id:this.wxinfo_id,openid:this.userinfo.openid,order_number:this.order_id,total_fee:this.sum_price},
									success: (res) => { 
										// if(res.data.code==200){
											uni.requestPayment({
											    provider: 'wxpay',
											    timeStamp: res.data.timeStamp,
											    nonceStr: res.data.nonceStr,
											    package: res.data.package,
											    signType: res.data.signType,
											    paySign: res.data.paySign,
											    success: function (res) {
													if(uni.getStorageSync('sole')){
														uni.removeStorage({
														    key: 'sole',
														    success: function (res) {
														        console.log('success');
														    }
														});
													}
											        uni.showModal({
														showCancel:false,
											        	content:"支付成功"
											        })
													$this.pay_show=false;
													$this.istijiao=false;
													uni.navigateTo({
														url:"order"
													})
													
											    },
											    fail: function (err) {
													$this.istijiao=false;
											        uni.showModal({
														showCancel:false,
											        	content:"支付失败"
											        })
											    }
											});
										// }
									}
								});
							}
						}else{
							uni.showModal({
								showCancel:false,
								content:res.data.msg
							})
						}
					}
				});
			},
			/**
			 * 下单
			 */
			madeorder(){
				let sole = uni.getStorageSync('sole');
				if(sole){
				    this.sole=sole;	
				}
				if(this.istijiao){
					console.log("istijiao")
					return false;
				}
				let $this=this;
				if($this.quota>$this.sum_price){
					uni.showModal({
						content:"订单小于起送价（￥"+$this.quota+"）不予配送，继续下单？",
						success: function (res) {
							if (res.confirm) {
								$this.order_action()
							}else{
								uni.navigateBack()
							}
						}
					})
				}else{
					$this.order_action()
				}
				
			},
			/**
			 * 前往收货地址页面
			 */
			goaddress(){
				uni.navigateTo({
					url:"address"
				})
			},
			/**
			 * 获取收货地址
			 */
			getaddress(){
				uni.request({
					url: httpPath.filePath+'/index/orderlist/index',
					method:'POST',
					header:{'content-type':'application/x-www-form-urlencoded'},
					data: {wxinfo_id:this.wxinfo_id},
					success: (res) => {
						if(res.data.code==200){
							this.free=res.data.data.delivery;
							this.quota=res.data.data.delivery.quota;
							if(res.data.data.info){
								this.address=res.data.data.info;
							}else{
								uni.showModal({
									showCancel:false,
									content:"您还没有默认地址，请前去设置",
									success: function (res) {
										if (res.confirm) {
											uni.navigateTo({
												url:"address"
											})
										}
									}
								})
							}
							this.gettotal();
						}
					}
				});
			},
			// 获取总价
			gettotal(){
				this.goodstotal=0;
				this.sum_price = 0;
				this.goodsid_list=[];
				if(this.role=='p'){
					for(let i=0;i<this.goods.length;i++){
						if(this.islimit==2){//判断是不是秒杀的商品
							this.sum_price += parseFloat(this.killprice)*this.goods[i].count;
							this.goods[i].true_price=this.killprice;
						}else{
							this.sum_price += parseFloat(this.goods[i].user_price)*this.goods[i].count;
							this.goods[i].true_price=this.goods[i].user_price
						}
						
					}
				}else if(this.role=="s"){
					for(let i=0;i<this.goods.length;i++){
						if(this.islimit==2){//判断是不是秒杀的商品
							this.sum_price += parseFloat(this.killprice)*this.goods[i].count;
							this.goods[i].true_price=this.killprice;
						}else{
							this.sum_price += parseFloat(this.goods[i].merchant_price)*this.goods[i].count;
							this.goods[i].true_price=this.goods[i].merchant_price;
						}
						
					}
				}
				this.goodstotal = Math.round(this.sum_price*100)/100;
				if(this.select_quan.id){
					if(this.select_quan.minus_money>this.sum_price){
						uni.showModal({
							showCancel:false,
							content:"您的宝贝金额还没有达到使用优惠券的金额"
						})
						this.quanlist[this.quan_index].checked=0;
						this.quanlist[this.quan_index].img="../../static/images/weixuanzhong.png";
						this.closejuan()
						
						return false;
					}else if(parseFloat(this.select_quan.full_money)>this.sum_price){
						uni.showModal({
							showCancel:false,
							content:"您的消费满"+parseFloat(this.select_quan.full_money)+"才能使用优惠券"
						})
						this.quanlist[this.quan_index].checked=0;
						this.quanlist[this.quan_index].img="../../static/images/weixuanzhong.png";
						this.closejuan()
						return false;
					}
					this.sum_price = this.sum_price+this.free.fee-parseFloat(this.select_quan.minus_money);
				}else{
					this.sum_price = this.sum_price+Number(this.free.fee);
				}
				// if(this.isjinji==1){
				// 	this.sum_price = this.sum_price+this.free.extra;
				// }
				this.sum_price=Math.round(this.sum_price*100)/100;
			},
			/**
			 * @param {Object} 选择购买类型
			 */
			xuanzetype(e) {
				let id = e.currentTarget.dataset.id;
				for (let i = 0; i < this.pay_types.length; i++) {
					if (this.pay_types[i].id == id) {
						this.select_pay = this.pay_types[i];
						this.pay_types[i].checked = 1;
						this.pay_types[i].img = '../../static/images/xuanzhong.png';
					} else {
						this.pay_types[i].checked = 0;
						this.pay_types[i].img = '../../static/images/weixuanzhong.png';
					}
				}
				
			},/**
			 * @param {Object} 选择优惠券
			 */
			xuanzejuan(e) {
				let id = e.currentTarget.dataset.id;
				for (let i = 0; i < this.quanlist.length; i++) {
					if (this.quanlist[i].id == id) {
						this.quan_index = i;
						this.select_quan = this.quanlist[i];
						this.quanlist[i].checked = 1;
						this.quanlist[i].img = '../../static/images/xuanzhong.png';
					} else {
						this.quanlist[i].checked = 0;
						this.quanlist[i].img = '../../static/images/weixuanzhong.png';
					}
				}
				this.gettotal();
			},
			/**
			 * 拉取我的优惠券
			 */
			getquan(){
				
				uni.request({
					url: httpPath.filePath+'/index/coupons/usercoupons',
					method:'POST',
					header:{'content-type':'application/x-www-form-urlencoded'},
					data: {wxinfo_id:this.wxinfo_id},
					success: (res) => {
						if(res.data.code==200){
							if (res.data.data.length != 0) {
								let list = res.data.data;
								this.quanlist=[];
								for (let i = 0; i < list.length; i++) {
									this.quanlist.push({ id: list[i].id, coupons_name: list[i].coupons_name,minus_money:list[i].minus_money, checked: 0, img: '../../static/images/weixuanzhong.png',full_money:list[i].full_money });
								}
							}
						}
					}
				});
				
			},
		    close_pay(){
				this.pay_show=false;
			},
			pay_show_action(){
				if(this.select_pay.id==2){
					this.madeorder();
				}else{
					this.pay_show=true;
				}
				
			},
			closejuan(){
				this.showbeizhu=true;
				this.choose_juan=false;
			},
			gochoose_fukuan(){
				if(this.role=="p"){
					uni.showModal({
						showCancel:false,
						content:"您还没有成为商家，只有立即付款方式！"
					})
					return false;
				}
				this.choose_fukuan=true;
				this.showbeizhu=false;
			},gochoose_juan(){
				if(this.quanlist.length!=0){
					this.choose_juan=true;
					this.showbeizhu=false;
				}else {
					uni.showModal({
						content:"很抱歉，您还没有优惠券！",
						showCancel:false
					})
				}
			}
			,gopingjia(){
				uni.navigateTo({
					url:"pingjia"
				})
			},closebangding(){
				this.showbeizhu=true;
				this.choose_fukuan=false
			}
		}
	}
</script>

<style>
	page{background: #f9f9f9;}
	.send-type{width: 100%;overflow: hidden;}
	.send-type view:nth-of-type(1){color: #999999;}
	.send-type view{width: 33.3%;float: left;font-size: 28rpx;height: 86rpx;line-height: 86rpx;}
	.send-type view image{width: 32rpx;height: 32rpx;vertical-align: middle;}
	.zhu{display: block;float: right;width: 500rpx;font-size: 28rpx;}
	.bang-item text{font-size: 28rpx;line-height: 40rpx;}
	.address-container{position: relative;overflow: hidden;}
	.username{font-size: 30rpx;color: #333333;}
	.useraddress{font-size: 28rpx;color: #333333;line-height: 50rpx;}
	.username text{font-size: 28rpx;color: #666666;margin-left: 20rpx;}
	.border-left{position: absolute;left: 0px;top: 0px;width: 9rpx;height: 200rpx;}
	.order-left{float: left;color: #999999;}
    .order-top{width: 100%;background: #333333;height:85rpx;}
	.tab-item{width: 20%;position: relative;font-size: 30rpx;color: #666666;text-align: center;height:85rpx;line-height: 85rpx;}
	.tab-active{color: #FFFFFF;font-weight: bold;}
	.tab-active::after{content: "";display: block;width: 98rpx;height: 2px;position: absolute;bottom: 0rpx;left: 28rpx;background: #7ADBA8;}
	.order-num{height: 60rpx;line-height: 60rpx;font-size: 28rpx;}
	.good-item{padding: 20rpx 0px;}
	.order-icon{width:142rpx ;height:142rpx ;border-radius: 5px;border: 1px solid #F2F2F2;margin-right: 24rpx;}
	.order-icon image{width: 100%;height: 100%;border-radius: 5px;}
	.order-info{width:430rpx;}
	.good-name{
	    height: 75rpx;font-size: 28rpx;color: #333;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical; 
	    -webkit-line-clamp: 2; 
	    line-height: 38rpx;
	}
	.order-list{margin-top: 30rpx;}
	.price{font-size: 28rpx;margin-top: 25rpx;}
	.heji-price{font-size: 28rpx;text-align: right;line-height: 86rpx;}
	.btn-list::after{content: "";display: block;clear: both;}
	.btn-list button::after{border: none;}
	.btn-list button{width: 144rpx;color: #38D180;border-radius: 5px;border: 1px solid #38D180;background: #FFFFFF;font-size: 28rpx;padding: 0px;margin-top: 15rpx;float: right;margin-left: 20rpx;height: 63rpx;line-height: 63rpx;}
    .fukuan{color: #FFFFFF!important;background:linear-gradient(-45deg,rgba(56,209,128,0.96),rgba(154,255,221,0.96))!important;border: none!important;}
    .order-num image{width: 36rpx;height: 36rpx;margin-right: 20rpx;vertical-align: middle;}
	.bottom{position: fixed;bottom: 0px;left: 0px;width: 100%;height: 90rpx;background: #FFFFFF;border-top: 1px solid #F2F2F2;}
	.bottom-view{padding-left: 50rpx;width: 100%;height: 90rpx;line-height: 90rpx;font-weight:500;color:rgba(102,102,102,1);font-size: 28rpx;box-sizing: border-box;}
	.bottom-view .select{left: 32rpx;top: 33rpx;}
	.jiesuan-container{width: 60%;float: right;padding-right: 32rpx;height: 90rpx;}
	.jiesuan{width: 150rpx;height: 60rpx;border-radius: 30rpx;margin-top:15rpx ;
	float: right;font-size: ;color: #FFFFFF;line-height: 60rpx;text-align: center;
	background:linear-gradient(-45deg,rgba(56,209,128,0.96),rgba(154,255,221,0.96));
	}
	.heji{text-align: right;padding-right: 10rpx;float: right;}
	.select{width:36rpx ;height: 36rpx;}
	.phone-kuang{position: fixed;top:340rpx ;left:32rpx ;width: 686rpx;background: #FFFFFF;border-radius: 5px;padding:53rpx 45rpx ;box-sizing: border-box;}
	.bang-title{font-size: 32rpx;text-align: center;font-weight: bold;}
	.bang-item{height: 60rpx;line-height: 60rpx;margin-top: 40rpx;}
	.bang-item image{width: 45rpx;height: 45rpx;vertical-align: middle;margin-right: 64rpx;}
	.bang-item input{border: none;font-size: 28rpx;}
	.code-btn{
		width:129rpx;
		height:64rpx;
		color:rgba(56,209,128,1);
		border:1px solid rgba(56,209,128,1);
		border-radius:12rpx;
		position: absolute;
		top: -15rpx;
		font-size: 28rpx;
		right: 10rpx;
	}
	.bang-btn{
		margin-top: 80rpx;
		width:404rpx;
		height:90rpx;
		line-height: 90rpx;
		background:linear-gradient(135deg,rgba(80,80,80,1),rgba(51,51,51,1));
		border-radius:45rpx;
		font-size: 28rpx;
		color: #FFFFFF;
	}
	.closebangding{
		width:54rpx;
		height:54rpx;
		position: fixed;
		bottom: 250rpx;
		left: calc(50% - 27rpx);
	}
	.pay-container{background: #FFFFFF;position: fixed;bottom: 0px;left: 0px;width: 100%;border-radius:10rpx 10px  0px 0px ;}
    .pay-title{font-size: 32rpx;text-align: center;padding-right:20rpx ;height: 85rpx;line-height: 85rpx;}
	.pay-title image{float: right;width:48rpx ;height: 48rpx;margin-top: 20rpx;}
	.pay-price{text-align: center;font-size: 54.74rpx;line-height: 100rpx;font-weight: bold;margin-top: 40rpx;margin-bottom: 20rpx;}
	.pay-type{text-align: center;font-size: 28rpx;color: #333;}
	.pay-type image{width: 38rpx;height: 35rpx;vertical-align: middle;}
	.pay-btn{width:392rpx;
	font-size: 28rpx;
	color: #FFFFFF;
	margin: 50rpx auto 37rpx;
		height:88rpx;
		background:linear-gradient(-45deg,rgba(56,209,128,0.96),rgba(154,255,221,0.96));
		border-radius:44rpx;}
	.beizhu{background: #F5F5F9;font-size: 28rpx;box-sizing: border-box; padding: 28rpx;width: 100%;height: 150rpx;padding-left: 10px;}
</style>
